<template>
  <a-drawer width="640" placement="right" :closable="false" v-if="open" v-model:visible="open">
    <p :style="[pStyle, pStyle2]">打捞筒详情</p>
    <a-descriptions size="small" bordered :column="6">
      <a-descriptions-item label="打捞桶型号" :span="3">{{ props.salvageTube?.applicableFishingRange
        + "mm" }}</a-descriptions-item>
      <a-descriptions-item label="适用落鱼范围(mm)" :span="3">{{ props.salvageTube?.applicableFishingRange || "---"
      }}</a-descriptions-item>
      <a-descriptions-item label="打捞筒直径" :span="3">{{ props.salvageTube?.diameter || "---" }}</a-descriptions-item>
      <a-descriptions-item label="有效打捞长度(mm)" :span="3">{{ props.salvageTube?.effectiveSalvageLength || "---"
      }}</a-descriptions-item>
      <a-descriptions-item label="加长筒上下扣型" :span="3">{{ props.salvageTube?.extendedCylinderBuckleType || "---"
      }}</a-descriptions-item>
      <a-descriptions-item label="加长筒外形尺寸" :span="3">{{ props.salvageTube?.extendedCylinderExternalDimensions || "---"
      }}</a-descriptions-item>
      <a-descriptions-item label="加长筒探伤编号" :span="3">{{ props.salvageTube?.extendedCylinderInspectionNumber || "---"
      }}</a-descriptions-item>
      <a-descriptions-item label="卡瓦外形尺寸" :span="3">{{ props.salvageTube?.kawaExternalDimensions ||
        "---" }}</a-descriptions-item>
      <a-descriptions-item label="卡瓦内径" :span="3">{{ props.salvageTube?.kawaInternalDimensions ||
        "---" }}</a-descriptions-item>
      <a-descriptions-item label="极限载荷" :span="3">{{ props.salvageTube?.limitLoad || "---" }}</a-descriptions-item>
      <a-descriptions-item label="定位圈内径(mm)" :span="3">{{ props.salvageTube?.locatingRingInnerDiameter || "---"
      }}</a-descriptions-item>
      <a-descriptions-item label="定位圈外径(mm)" :span="3">{{ props.salvageTube?.locatingRingOuterDiameter || "---"
      }}</a-descriptions-item>
      <a-descriptions-item label="最大允许拉力(KN)" :span="3">{{ props.salvageTube?.maximumAllowableForce || "---"
      }}</a-descriptions-item>
      <a-descriptions-item label="产品合格证" :span="3">{{ props.salvageTube?.productQualificationCertificate || "---"
      }}</a-descriptions-item>
      <a-descriptions-item label="打捞主体上下扣型" :span="3">{{ props.salvageTube?.salvageSubjectBuckleType || "---"
      }}</a-descriptions-item>
      <a-descriptions-item label="打捞主体外形尺寸" :span="3">{{ props.salvageTube?.salvageSubjectExternalDimensions || "---"
      }}</a-descriptions-item>
      <a-descriptions-item label="打捞主体探伤编号" :span="3">{{ props.salvageTube?.salvageSubjectInspectionNumber || "---"
      }}</a-descriptions-item>
      <a-descriptions-item label="捞筒型号" :span="3">{{ props.salvageTube?.salvageTubeModel || "---" }}</a-descriptions-item>
      <a-descriptions-item label="引鞋扣型" :span="3">{{ props.salvageTube?.shoeBuckleType || "---" }}</a-descriptions-item>
      <a-descriptions-item label="引鞋内径(mm)" :span="3">{{ props.salvageTube?.shoeInnerDiameter ||
        "---" }}</a-descriptions-item>
      <a-descriptions-item label="工具编号" :span="3">{{ props.salvageTube?.toolNumber || "---" }}</a-descriptions-item>
      <a-descriptions-item label="打捞筒分类" :span="3">{{ props.salvageTube?.type || "---" }}</a-descriptions-item>
      <a-descriptions-item label="上接头上下扣型" :span="3">{{ props.salvageTube?.upperJointBuckleType ||
        "---" }}</a-descriptions-item>
      <a-descriptions-item label="上接头外形尺寸" :span="3">{{ props.salvageTube?.upperJointExternalDimensions || "---"
      }}</a-descriptions-item>
      <a-descriptions-item label="上接头探伤编号" :span="3">{{ props.salvageTube?.upperJointInspectionNumber || "---"
      }}</a-descriptions-item>
      <a-descriptions-item label="上接头水眼(mm)" :span="3">{{ props.salvageTube?.upperJointWaterHole ||
        "---" }}</a-descriptions-item>
    </a-descriptions>
  </a-drawer>
</template>
<script setup>
const props = defineProps({
  salvageTube: {
    type: Object,
  },
});
const open = ref(false)
const pStyle = {
  fontSize: '16px',
  color: 'rgba(0,0,0,0.85)',
  lineHeight: '24px',
  display: 'block',
  marginBottom: '16px',
};
const pStyle2 = {
  marginBottom: '24px',
};


function openDrawer() {
  open.value = true;
}
defineExpose({
  openDrawer: openDrawer
})

</script>